// 搜索栏显示
$(function(){
  $(window).on('scroll',function(){
    var w=$(document).scrollTop();
    //获取滚动条到顶部的垂直高度
    if(w>=1000){
      $(".ng-fix-bar").show();
    }else{
      $(".ng-fix-bar").hide();

    }
  });
})

// 二级菜单
$(function(){
  var lis=$(".index-list>li");
  lis.mouseenter(function(){
    $(this).children(".index-sort-detail").show();
  });
  lis.mouseleave(function(){
    $(this).children(".index-sort-detail").hide();
  });
});

// 左侧定位栏
$(function(){
  $(window).on('scroll',function(){
    var w=$(document).scrollTop();
    //获取滚动条到顶部的垂直高度
    if(w<=500||w>=9000){
      $(".ECode-floatBar").hide();
    }else{
      $(".ECode-floatBar").show();

    }
  });
})

//活动页入口
$(".four-wrap img").on("click",function(){
  window.location.href = "./active_page.html";
})


// 购物车入口
$(".ng-bar-node span").on("click",function(){
  console.log(33);
  window.location.href = "./shopping_cart.html";
})

// 楼梯层




  $(function(){
    $('.list .first').click(function(){
      $(document).scrollTop($('#xsms').offset().top);
    })
  })
  $(function(){
    $('.list .on').click(function(){
      $(document).scrollTop($('#ljzx').offset().top);
    })
  })
  $(function(){
    $('.list .ping').click(function(){
      $(document).scrollTop($('#zbpg').offset().top);
    })
  })
  $(function(){
    $('.list .chang').click(function(){
      $(document).scrollTop($('#pdgc').offset().top);
    })
  })
  $(function(){
    $('#back').click(function(){
      $(document).scrollTop($('#db').offset().top);
    })
  })



  // 精选分类特效
  $(".tab-nav li").mouseenter(function(){
    $(this).css("background","orange")
  })
  $(".tab-nav li").mouseleave(function(){
    $(this).css("background","white")
  })

// 分类栏滑动吸顶


$(window).scroll(function() {
  var wScroll = $(this).scrollTop();
  if (wScroll > 2807) {
      $('.tab-nav').addClass('sticky');
  } else {
      $('.tab-nav').removeClass('sticky');
  }
});	

// 二级菜单特效
$(".index-list span").mouseenter(function(){
  $(this).css("color","#ff8000")
})
$(".index-list span").mouseleave(function(){
  $(this).css("color","black")
})

// 跳转到商品列表页
$(".index-list li span").on("click",function(){
  console.log(11);
  window.location.href = "./goodlist.html";
})


// 商品数据渲染
$.ajax({
    url: "../static/data/index.json",
    type: "get",
    datatype: "json"
  })
  
  .then(function (res) {
    // console.log(res[0]);
    // console.log($(".goods-list"));
    var html = "";
    for (var i = 0; i < 100; i++) {
      html +=
        `
        <div class="goods">
            <img src="${res[i].pictureUrl}" alt="" class="lazy-load" data-src="{res[i].pictureUrl}">
            <p class="title">${res[i].gdsName}</p>
            <p class="price-box">
                <span class="price">
                    <i>¥</i>
                    <em>${res[i].price}</em>
                </span>
            </p>
        </div>`
    // console.log(html);

    }  
    new LazyLoad("img.lazy-load");
    $(".goods-list").html(html)
    // console.log(res);

  })
  
  window.addEventListener( "load" , ()=>{
    class EventList{
        constructor(){
            // 单写一个初始化
            this.init();
        }
        init(){
            // 初始化基础元素
            this.login_btn  = document.getElementById("loginBtn");
            console.log(this.login_btn);
            // 初始化用户名元素
            this.userphone = document.getElementById("userphone");
            // 获取cookie中的数据 ID , TOKEN
            this.ID = cookie("ID");
            this.TOKEN = cookie("Token");
  
            console.log(this.ID , this.TOKEN );
            // 做出对应的判断length大于0证明有值
            if(this.ID.length > 0 && this.TOKEN.length > 0){
                this.getUserInfo();
                this.login_btn.style.display  = "none";
            }else{
                 // 没有登录信息，展示登录按钮; 
                this.userphone.style.display = "none";
            }
        }
        // 获取免登陆信息
         getUserInfo(){
            // 传参
            let options = {
                url : "http://localhost:8888/users/info/" + this.ID,
                headers : {
                    "authorization" : this.TOKEN
                },
                dataType : "json",
            }
           axios(options).then(function(response){
                // console.log(response);
                // console.log(response.data);
              let res = response.data;
              console.log(res.info.nickname);
              $("#nickname").text(res.info.nickname);
           })
        }
    }
   new   EventList;
  })
  

